﻿<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta htttp-equiv="Content-Type" content="text/html" charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title>IEDs</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="Bookmark" href="" >
    <link rel="Shortcut Icon" href="" />
    <link rel="stylesheet" type="text/css" href="css/common/base.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/plugins/easyTree/ui.easytree.css">
    <link rel="stylesheet" type="text/css" href="css/plugins/treeTable/jquery.treeTable.css">
    <link rel="stylesheet" type="text/css" href="css/plugins/jqueryui/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="css/plugins/gritter/jquery.gritter.css">
</head>
<body>
<div class="bdLayer clearfix">
    <div class="hdLayer clearfix">
        <div class="logo fl">综合数据处理单元</div>
        <!-- logo End -->

        <div class="topMenu">
            <div class="line fl"></div>
            <!-- line End -->

            <a href="javaScript:;" class="mBox-1 open fl" title="打开SCL">
                <i class="p_i"></i>
                <span class="txt fr">打开SCL</span>
                <form id="fileUplaod">
                    <input type="file" id="file" name="sclFile" class="file"/>
                </form>
            </a>
            <!-- mBox-1 open End -->

            <a href="#" class="mBox-1 save fl" title="保存SCL">
                <i class="p_i"></i>
                <span class="txt fr">保存SCL</span>
            </a>
            <!-- mBox-1 save End -->

            <a href="javaScript:;" class="mBox-1 search fl" title="查找IED">
                <i class="p_i"></i>
                <span class="txt fr">查找IED</span>
            </a>
            <!-- mBox-1 search End -->

            <a href="javaScript:;" class="mBox-1 close fl" title="关闭IED">
                <i class="p_i"></i>
                <span class="txt fr">关闭IED</span>
            </a>
            <!-- mBox-1 close End -->

            <div class="line fl"></div>
            <!-- line End -->

            <a href="#" class="mBox-1 online fl" title="在线">
                <i class="p_i"></i>
                <span class="txt fr">在线</span>
            </a>
            <!-- mBox-1 online End -->

            <a href="javaScript:;" class="mBox-1 set fl" title="设置IED">
                <i class="p_i"></i>
                <span class="txt fr">设置IED</span>
            </a>
            <!-- mBox-1 set End -->

            <div class="line fl"></div>
            <!-- line End -->

            <a href="#" class="mBox-1 read fl" title="读">
                <i class="p_i"></i>
                <span class="txt fr">读</span>
            </a>
            <!-- mBox-1 read End -->

            <a href="#" class="mBox-1 readAll fl" title="全读">
                <i class="p_i"></i>
                <span class="txt fr">全读</span>
            </a>
            <!-- mBox-1 readAll End -->

            <a href="#" class="mBox-1 write fl" title="写">
                <i class="p_i"></i>
                <span class="txt fr">写</span>
            </a>
            <!-- mBox-1 write End -->

            <a href="#" class="mBox-1 control fl" title="控制">
                <i class="p_i"></i>
                <span class="txt fr">控制</span>
            </a>
            <!-- mBox-1 control End -->

            <div class="mBox-2 fl">
                <a href="#" class="copy" title="复制">
                    <i class="p_i"></i>
                </a>
                <a href="#" class="export" title="导出">
                    <i class="p_i"></i>
                </a>
            </div>
            <!-- mBox-2 copy|export End -->

            <div class="line fl"></div>
            <!-- line End -->

            <div class="mBox-2 fl">
                <div class="inner">
                    <input type="checkbox" name="nav-c" id="nav-c"/>
                    <label for="nav-c" class="fl">导航</label>
                </div>
                <div class="inner">
                    <input type="checkbox" name="listen-c" id="listen-c"/>
                    <label for="listen-c" class="fl">监视</label>
                </div>
            </div>
            <!-- mBox-2 nav-c|listen-c End -->

            <div class="mBox-2 fl">
                <div class="inner">
                    <input type="checkbox" name="data-c" id="data-c"/>
                    <label for="data-c" class="fl">数据</label>
                </div>
                <div class="inner">
                    <input type="checkbox" name="info-c" id="info-c"/>
                    <label for="info-c" class="fl">描述</label>
                </div>
            </div>
            <!-- mBox-2 data-c|info-c End -->
            <div class="mBox-2 fl">
                <a href="javaScript:;" class="view-3" title="默认视图">
                    <i class="p_i"></i>
                    <span class="txt fl">默认视图</span>
                </a>
                <a href="javaScript:;" class="view-2" title="浏览视图">
                    <i class="p_i"></i>
                    <span class="txt fl">浏览视图</span>
                </a>
            </div>
            <!-- mBox-2 view-2|view-3 End -->
        </div>
        <!-- topMenu End -->
    </div>
    <!-- hdLayer End -->

    <div class="mainLayer clearfix">
        <div class="sidebar fl">
            <div class="top">
                <span class="txt">IEDS</span>
                <a href="javaScript:;" class="iedsBtn">
                    <i class="icon_ieds p_i"></i>
                    <em>选择设备</em>
                    <i class="icon_rowD p_i"></i>
                </a>
                <span class="txt">IP address: <b class="ip" data-type="" data-path="" data-online="" data-online="" data-port="">- -</b></span>
                <div class="iedList hide">
                    <ul id="deviceList">
                    </ul>
                </div>
                <!-- iedList End -->
            </div>
            <!-- top End -->

            <div class="easyTree" id="ET-demo">

            </div>
            <!-- easyTree End -->
        </div>
        <!-- sidebar End -->

        <div class="table fl">
            <div class="dragBtn d-1"></div>
            <!-- dragBtn d-1 End -->

            <div class="pd">
                <span class="title">WindBattery2PCS · DataSets</span>
                <!-- title End -->

                <div class="treeList">
                    <ul class="clearfix" id="treeList">
                        <span class="default">IED has no GOOSE Control Blocks</span>
                    </ul>
                </div>
                <!-- treeList End -->

                <div id="loadTreeTable"></div>
                <!-- treeTable End -->

                <div class="filesList hide">
                    <span>Files</span>
                    <ul class="clearfix" id="filesList">
                    </ul>
                </div>
                <!-- filesList End -->
            </div>
            <!-- pd End -->
        </div>
        <!-- table End -->

        <div class="item fl">
            <div class="dragBtn d-2"></div>
            <!-- dragBtn d-2 End -->

            <div class="pd">
                <span class="title">Activity Monitor</span>
                <!-- title End -->

                <div class="content">
                    <div class="tTop">
                        <span class="txt"><i class="icon-dm p_i"></i>WindBattery2PCS</span>
                        <a href="#" class="linkBtn" title="链接"></a>
                        <a href="#" class="closeBtn" title="关闭"></a>
                    </div>
                    <!-- tTop End -->

                    <div class="iList">
                        <ul class="clearfix">
                            <li>
                                <a href="#" class="closeBtn" title="关闭"></a>
                                <span class="val">false</span>
                                <span class="desc"><i class="icon-do p_i"></i>batterypcs2/yxGGIO1.Ind7</span>
                            </li>
                            <li>
                                <a href="#" class="closeBtn" title="关闭"></a>
                                <span class="val">false</span>
                                <span class="desc"><i class="icon-do p_i"></i>batterypcs2/yxGGIO1.Ind7</span>
                            </li>
                            <li>
                                <a href="#" class="closeBtn" title="关闭"></a>
                                <span class="val">false</span>
                                <span class="desc"><i class="icon-do p_i"></i>batterypcs2/yxGGIO1.Ind7</span>
                            </li>
                            <li>
                                <a href="#" class="closeBtn" title="关闭"></a>
                                <span class="val">false</span>
                                <span class="desc"><i class="icon-do p_i"></i>batterypcs2/yxGGIO1.Ind7</span>
                            </li>
                            <li>
                                <a href="#" class="closeBtn" title="关闭"></a>
                                <span class="val">false</span>
                                <span class="desc"><i class="icon-do p_i"></i>batterypcs2/yxGGIO1.Ind7</span>
                            </li>
                        </ul>
                    </div>
                    <!-- iList End -->
                </div>
                <!-- content End -->
            </div>
            <!-- pd -->
        </div>
        <!-- item End -->
    </div>
    <!-- mainLayer End -->

    <div class="ftLayer clearfix">
        <a href="#" class="inforBtn">
            <i class="icon_warn p_i"></i>
            <em>Information</em>
            <i class="icon_rowU p_i"></i>
        </a>
    </div>
    <!-- ftLayer End -->
</div>
<!-- bdLayer End -->

<!-- dialog-available Begin -->
<div id="dialog-available" title="Available IEDs">
    <div class="content">
        <span class="title">Select IEDs to load</span>
        <table id="avaTable">
            <thead>
                <tr>
                    <td colspan="3">
                        <input type="checkbox" value="" id="selectAll"/>
                        Select all IEDs
                    </td>
                </tr>
            </thead>
            <tbody id="avaTableList">
            </tbody>
        </table>
    </div>
</div>
<!-- dialog-available End -->

<!-- dialog-discover Begin -->
<div id="dialog-discover" title="DiscoverIED">
    <div class="content clearfix">
        <div class="w270 fl">
            <form id="discoverForm">
                <span class="title"><b>Connection parameters</b></span>
                <div class="cForm">
                    <div class="inner">
                        <label>IP address:</label>
                        <input id="ip" class="ip" name="ip" value="" type="hidden">
                    </div>
                </div>
                <br/>
                <span class="title toggleBtn"><b>Advanced parameters</b></span>
                <div class="cForm toggleLayer">
                    <div class="inner">
                        <label>Port:</label>
                        <input type="text" id="port" name="port" class="inputText w145" value="102"/>
                    </div>
                    <div class="inner">
                        <label>Authentication:</label>
                        <select id="authen" name="anthen" class="selectText w157">
                            <option value="none">None</option>
                            <option value="password">Password</option>
                        </select>
                    </div>
                    <div class="inner">
                        <label>AP Title:</label>
                        <input type="text" id="apTitle" name="apTitle" class="inputText w145" value="1,1,1,999,1"/>
                    </div>
                    <div class="inner">
                        <label>AE Qualifier:</label>
                        <input type="text" id="aeQualifier" name="aeQualifier" class="inputText w145" value="12"/>
                    </div>
                    <div class="inner">
                        <label>P Selector:</label>
                        <input type="text" id="pSelector" name="pSelector" class="inputText w145" value="00 00 00 01"/>
                    </div>
                    <div class="inner">
                        <label>S Selector:</label>
                        <input type="text" id="sSelector" name="sSelector" class="inputText w145" value="00 01"/>
                    </div>
                    <div class="inner">
                        <label>T Selector:</label>
                        <input type="text" id="tSelector" name="tSelector" class="inputText w145" value="00 01"/>
                    </div>
                    <div class="inner">
                        <label>AE Invoke ID:</label>
                        <input type="text" id="aeInvokeId" name="aeInvokeId" class="inputText w145" value="0"/>
                    </div>
                    <div class="inner">
                        <label>AP Invoke ID:</label>
                        <input type="text" id="apInvokeId" name="apInvokeId" class="inputText w145" value="0"/>
                    </div>
                    <div class="inner">
                        <label>Use proxy:</label>
                        <input type="checkbox" id="disableBtn"/>
                    </div>
                    <div class="inner">
                        <label>Proxy IP address:</label>
                        <input id="ipProxy" class="ip" name="ipProxy" value="" type="hidden">
                    </div>
                    <div class="inner">
                        <label>Proxy port:</label>
                        <input type="text" id="pPort" name="pPort" class="inputText w145" value="1080"/>
                    </div>
                </div>
            </form>
        </div>

        <div class="w330 fr">
            <span class="title"><b>Previous connections</b></span>
            <table>
                <thead>
                    <tr>
                        <td width="35%"><b>IP address</b></td>
                        <td width="60%"><b>Name</b></td>
                        <td width="5%"></td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td width="35%">10.11.555.126</td>
                        <td width="60%">WindBattery2PCS</td>
                        <td width="5%"><b>×</b></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<!-- dialog-discover" End -->

<!-- dialog-scout Begin -->
<div id="dialog-scout" title="IEDScout">
    <div class="content">
        <form id="scoutForm">
            <div class="cForm">
                <div class="inner">
                    <label>IED name:</label>
                    <input type="text" id="IEDname" name="IEDname" class="inputText"/>
                </div>
                <div class="inner">
                    <label>IP address:</label>
                    <input id="ip" class="ip" name="ip" value="" type="hidden">
                </div>
                <div class="inner">
                    <label>Port:</label>
                    <input type="text" id="port" name="port" value="102" class="inputText"/>
                </div>
                <div class="inner">
                    <label>Authentication:</label>
                    <select name="authentication" class="selectText">
                        <option value="none">None</option>
                        <option value="password">Password</option>
                    </select>
                </div>
            </div>
            <br/>
            <span class="title toggleBtn">
                <i class="row p_i"></i><b>Advanced parameters</b>
            </span>
            <div class="cForm toggleLayer">
                <div class="inner">
                    <label>Use proxy:</label>
                    <input type="checkbox" id="disableBtn"/>
                </div>
                <div class="inner">
                    <label>ProxyIP address:</label>
                    <input id="ipProxy" class="ip" name="ipProxy" value="" type="hidden">
                </div>
                <div class="inner">
                    <label>Proxy port:</label>
                    <input type="text" id="pPort" name="pPort" value="1080" class="inputText"/>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- dialog-scout End -->

<!-- dialog-text Begin -->
<div id="dialog-text" title="Warn Text:">
    <div class="content">
        <p class="text">设备状态：在线，是否关闭？</p>
    </div>
</div>
<!-- dialog-text End -->

<!-- avaTableListTmpl Begin -->
<script type="text/jquery-tmpl" id="avaTableListTmpl">
<tr>
    <td width="5%"><input type="checkbox" value="${name}" data-ip="${ip}" data-path="${path}" data-port="${port}"/></td>
    <td width="45%">${name}</td>
    <td width="40%">${ip}</td>
</tr>
</script>
<!-- avaTableListTmpl End -->

<!-- deviceListTmpl Begin -->
<script type="text/jquery-tmpl" id="deviceListTmpl">
<li>
    <a href="javaScript:;" data-ip="${devIp}" data-type="none" data-path="null" data-online="${online}" data-port="${devPort}">${devName}</a>
</li>
</script>
<!-- deviceListTmpl End -->

<!-- treeListTmpl Begin -->
<script type="text/jquery-tmpl" id="treeListTmpl">
<li>
    <a href="javaScript:;" id="${id}" class="clearfix">
        <i class="${icon} fl p_i"></i>
        <span>${name}</span>
    </a>
</li>
</script>
<!-- treeListTmpl End -->

<!-- filesListTmpl Begin -->
<script type="text/jquery-tmpl" id="filesListTmpl">
<li>
    <div class="info">
        <i class="icon_files p_i"></i>
        <span class="name">${name}</span>
        <span class="time">${timestamp} ${size}</span>
    </div>
    <div class="edit">
        <a href="#" class="open" title="Open"></a>
        <a href="#" class="downLoad" title="DownLoad"></a>
        <a href="#" class="delete" title="Delete"></a>
    </div>
</li>
</script>
<!-- filesListTmpl End -->

<script type="text/javascript" src="js/common/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/common/jquery.tmpl.min.js"></script>
<script type="text/javascript" src="js/plugins/histroy/jquery.histroy.js"></script>
<script type="text/javascript" src="js/plugins/easyTree/jquery.easytree.js"></script>
<script type="text/javascript" src="js/plugins/treeTable/jquery.treetable.js"></script>
<script type="text/javascript" src="js/plugins/jqueryui/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/plugins/gritter/jquery.gritter.min.js"></script>
<script type="text/javascript" src="js/plugins/ipaddress/jquery.ipaddress.js"></script>
<script type="text/javascript" src="js/plugins/ipaddress/jquery.caret.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>